@charset "utf-8";
@function v($p){
    @return $p/1920*100vw;
}
@mixin paddinglf{
    padding-left: v(200);
    padding-right: v(200);
}
//公共部分
@media (max-width:768px){
    body{font-size: 12px;}
    button{font-size: 12px;}
    footer p{font-size: 8px;}
    header{
        .header_menu{width: v(100);}
        .header_search{width: v(100);}
        .BigMenu{
            padding-bottom: v(5000);
            .cha{width: v(100);top: v(100);}
            .ico{
                margin-bottom: v(280);
                a{margin: 0 v(55);}
                a:nth-child(1)>img{width: v(110);}
                a:nth-child(2)>img{width: v(110);}
                a:nth-child(3)>img{width: v(92);}
                a:nth-child(4)>img{width: v(90);}
            }
            //选项
            .mune_ul li{
                width: v(1000);
                padding-bottom: v(100);
                margin-bottom: v(200);
            }
            //小选项
            .mune_smul{
                padding-top: v(100);
                li:nth-child(odd){
                    width: v(100);
                    height: v(6);
                    margin: 0 v(20);
                }
                li:nth-child(2)>a>img{width: v(170);}
                li:nth-child(4)>a>img{width: v(180);}
                li:nth-child(6)>a>img{width: v(280);}
            }
        }
        .BigSearch{
            padding: v(164) v(220) v(5000);
            .BigSearch_topleft{
                .leftsign{width: v(130);
                margin-right: v(30);}
                .return{width: v(200);}
            }
            .search_input{
                margin-top: v(500);
                margin-bottom: v(300);
            }
            .BigSearch_btm{
                padding-top: v(100);
                img{width: v(800);}
            }
        }
    }
    footer{
        padding:v(45) v(53); 
        .topsign{height: v(50);}
    }
}
@media (max-width:640px){
    body{font-size: 10px;}
}
//首页
@media (max-width:768px){
    .Web_home{
        section{
            #flash{height: v(850);}
            @include paddinglf;
            .section_btn{
                padding: v(100) 0 v(60);
                .section_btn_aboutorPic{height: v(650);}
                .section_product_top{
                    .product_topleft{width:v(1000);}
                    .product_topright{width: v(480);}
                }
                .section_product_btm{
                    .product_btmleft{width: v(480);}
                    .product_btmright{width: v(990);}
                }
                .video_contect{width: 100%;}
            }
        }
    }
}
//关于Or
@media (max-width:768px){
    .Web_about{
        section{
            @include paddinglf;
                .section_title_1st{
                    >img{width: v(600);}
                }
                .section_title_2nd{
                    >img{width: v(475);
                    margin-top: v(100);}
                }
                .section_title_3rd{
                    >img{width: v(525);
                    margin-top: v(100);};
                }
                
                .aboutor_pic_1st{}
                .design_pic_1st{width: v(1000);}
                .aboutor_pic_2nd,
                .aboutor_pic_3rd,
                .design_pic_2nd,
                .design_pic_3rd{width: v(500);}
        }
    }
}
//产品
@media (max-width:768px){
    .Web_product{
        section{
            @include paddinglf;
            .sec_top_title{
                width: v(550);
            }
            .sec_nav{
                display: block;
                text-align: center;
                li{
                    font-size: 13px;
                    margin-bottom: v(20);}
                li:nth-child(odd):hover{
                    border-bottom: 1px solid transparent;}
                li:nth-child(even){
                    width: 100%;
                    height: 2px;
                    position: relative;
                    background: transparent;}
                li:nth-child(even)::after{
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    margin: auto;
                    height: 100%;
                    width: v(58);
                    background:#fe8582 ;
                }
            }
            .sec_mid{
                flex-wrap: wrap;
                padding: 0 0;
                justify-content: center;
                >div{
                    margin-top: v(60);
                    width: 100%;
                        div:nth-child(1){
                            height: auto;
                            margin-right: 0;
                        }
                    }
                
            }
            .sec_mid_1st{
                >div:nth-child(1){
                    div:nth-child(2){img{width: 55%;}}
                    div:nth-child(3){margin-bottom: v(60);>img{width: 25%}}
                }
                >div:nth-child(2){
                    div:nth-child(1){width: 60%;margin: 0 auto;}
                    div:nth-child(2){>img{width: 20%;}}
                    div:nth-child(3){>img{width: 50%;}}
                }
            }
                .sec_mid_2nd{
                    >div:nth-child(1){
                        div:nth-child(1){width: 60%;margin: 0 auto;}
                        div:nth-child(2){width: 100%;>img{width: 55%;}}
                        div:nth-child(3){width: 100%;margin-bottom: v(60);>img{width:95%;}}
                    }
                    >div:nth-child(2){
                        div:nth-child(2){width: 100%;>img{width: 55%;}}
                        div:nth-child(3){width: 100%;>img{width: 95%;}}
                    }
                }
            .sec_seemore button:hover{background: black!important;color: white!important;}
        }
    }
}
@media (max-width:768px){
    .Web_detail{
        section{
            @include paddinglf;
            .sec_top{
                .sec_top_title{width: 80%;}
            }
            .sec_mid{
                display: block;
                >div{margin: 0 auto;}
            }
            .sec_mid_1st{
                height: auto;
                >div:nth-child(1){width: 80%;}
                >div:nth-child(2){width:80%;
                    margin-top: v(50);
                    img{
                    width: 20%;}
                    p{
                        font-size: 12px;
                        margin-bottom: v(40);
                        text-align: justify;
                        line-height: 20px;}}
            }
            .sec_mid_2nd,.sec_mid_3rd{display: flex;}
        }
    }
}
//空间
@media (max-width:768px){
    .Web_space{
        section{
            @include paddinglf;
            .sec_top_title{
                width: v(550);
            }
            .sec_nav{
                li{font-size: 11px;}
                li:nth-child(even){margin: 0 v(8);}
            }
            .sec_mid{
                flex-wrap: wrap;
                padding: 0 0;
                justify-content: center;
                >div{
                    margin-top: v(60);
                    width: 100%;
                    div:nth-child(1){
                        height: auto;
                        margin-right: 0;
                    }
                }
            }
            .sec_mid_1st{
                >div:nth-child(1){
                    div:nth-child(2){img{width: 65%;}}
                }
                >div:nth-child(2){
                    div:nth-child(1){width: 60%;margin: 0 auto;}
                    div:nth-child(2){>img{width: 40%;}}
                }
            }
                .sec_mid_2nd{
                    >div:nth-child(1){
                        div:nth-child(1){width: 60%;margin: 0 auto;}
                        div:nth-child(2){width: 100%;>img{width: 40%;}}
                    }
                    >div:nth-child(2){
                        div:nth-child(2){width: 100%;>img{width: 65%;}}
                    }
                }
            .sec_seemore button:hover{background: black!important;color: white!important;}
        }

    }
    .Web_space_detail{
        section{
            @include paddinglf;
            .sec_mid{
                display: block;
            }
            .sec_mid_1st{
                height:auto;
                width: 100%;
                >div:nth-child(1){
                    width: 100%;
                    img{width: 20%;}
                    p:nth-of-type(2){position: relative;}
                }
                >div:nth-child(2){width: 100%;padding-top: v(100);}
            }
            .sec_mid_2nd{
                height: auto;
                >div:nth-child(1){width: 70%;
                    margin: 0 auto;
                    img{width: 100%}
                }
                >div:nth-child(2){width: 60%;margin: 0 auto;margin-top: v(100);}
            }
             .sec_mid_3rd{
                height: auto;
                >div:nth-child(1){
                    width: 100%;
                    margin-right: 0;
                }
                >div:nth-child(2){
                    width: 60%;
                    margin: 0 auto;
                } 
            }
        }
    }
}
//用户
@media (max-width:768px){
    .Web_user{
        section{
            @include paddinglf;
            .section_top_title{
                >img{width: 100%;}
            }
        }
        #smWeb{
            @include paddinglf;
            .smWeb_topleft{
                left: v(200);
                width: v(300);
            }
        }
    }
}
//新闻
@media (max-width:768px){
    .Web_news{
        section{
            @include paddinglf;
            .section_top{
                .section_top_title{
                    transform: translate(-50%,-35%);
                    >img{width: v(1200);}
                }
            }
            .section_mid{
                li{
                .section_mid_pic{
                    width: v(480);
                    height: v(275);}
                }
            }
            .section_btm{
                padding: v(0) v(0);
                    .section_btn_pic{
                        width: 50%;}
                    .section_btn_ctn{margin-left: v(30);}
            }
        }
    }
    .Web_news_detail{
        section{
            @include paddinglf;
            .section_contect{
                padding-left: 0; 
                padding-right: 0;
            }
        }
    }
}
//活动
@media (max-width:768px){
    .Web_event{
        section{
            @include paddinglf;
            .section_contect{
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
}
//联系我们
@media (max-width:768px){
    .Web_contact{
        section{
            .section_smPic{
                display: block;
                .smPic>img{width: 100%;}
                .smPic_content{width: 100%;
                text-align: center;
                    p{
                    line-height:20px;
                    font-size: 12px;
                    margin-bottom: v(100);
                    margin-top: v(50);}
                }
                .smPic_content_1st{
                    >img{width: v(600);}
                    padding-top:v(200);
                    padding-left: 0;
                    padding-right:0;
                }
                .smPic_content_2nd{
                    >img{width: v(580);}
                    padding-left: 0;
                    padding-right:0;
                }
            }
        }
    }
}